<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/vue.js"></script>
		<script src="js/axios.min.js"></script>
		<script src="js/elementui.js"></script>
	</head>
	<body>
		<div id="app">
			<template v-for="item in sexlist">
				<el-radio v-model="radio" :label="item.id">{{item.sex}}</el-radio>
			</template>
		</div>
	</body>

	<script>
		new Vue({
			el: "#app",
			data: {
				radio: 2,
				sexlist: [{
					id: 1,
					sex: '男'
				}, {
					id: 2,
					sex: '女'
				}, {
					id: 3,
					sex: '保密'
				}]
			},
			methods: {
				init(){
					this.sexlist = [{
						id: 1,
						sex: '男22'
					}, {
						id: 2,
						sex: '女22'
					}, {
						id: 3,
						sex: '保密22'
					}]
				}
			},
			mounted(){
				this.init();//页面加载完毕执行
			}
		})
	</script>

</html>